<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>角色管理</title>
<meta charset="UTF-8"></meta>
<meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"></meta>
<link rel="stylesheet" th:href="@{/public/css/bootstrap.min.css}"></link>
<link rel="stylesheet" th:href="@{/public/css/font-awesome.min.css}"></link>
<link rel="stylesheet" th:href="@{/public/plugins/ztree/css/metroStyle/metroStyle.css}"></link>
<link rel="stylesheet" th:href="@{/public/css/main.css}"></link>
	<link rel="stylesheet" type="text/css" th:href="@{/public/plugins/layui/css/layui.css}"></link>
	<link rel="stylesheet" th:href="@{/public/plugins/jqgrid/ui.jqgrid-bootstrap.css}"></link>
<script th:src="@{/public/libs/jquery.min.js}"></script>
<script th:src="@{/public/plugins/layer/layer.js}"></script>
<script th:src="@{/public/libs/bootstrap.min.js}"></script>
<script th:src="@{/public/plugins/jqgrid/grid.locale-cn.js}"></script>
<script th:src="@{/public/plugins/jqgrid/jquery.jqGrid.min.js}"></script>
<script th:src="@{/public/plugins/ztree/jquery.ztree.all.min.js}"></script>
<script th:src="@{/public/js/common.js}"></script>
</head>
<body>
<fieldset class="layui-elem-field">
 <legend></legend>
   <div class="layui-field-box">
<div >
	<div>
		<form action="" id="queryForm">
			<div class="grid-btn">
				<div class="form-group col-sm-2">
					<input type="text" class="form-control"  id="query" placeholder="角色名称"/>
				</div>
				<button class="layui-btn">
				  <i class="layui-icon">&#xe615;</i> 查询
				</button>
			</div>
		</form>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>
    </div>
</div>
</fieldset>
<script th:src="@{/public/js/sys/role.js}"></script>
</body>
</html>